<template>
  <div>
    <n-card :bordered="false" class="proCard">
      <BasicForm
        @register="register"
        :isFull="false"
        submitButtonText="保存"
        @submit="handleSubmit"
        @reset="handleReset"
        :showResetButton="false"
      />
    </n-card>
  </div>
</template>
<script lang="ts" setup>
  import { defineComponent, ref } from 'vue';
  import { BasicForm, FormSchema, useForm } from '@/components/Form/index';
  const schemas: FormSchema[] = [
    {
      field: 'name',
      component: 'NInput',
      label: '好友次数/天:',
    },
     {
      field: 'name',
      component: 'NInput',
      label: '标签数量:',
    },
      {
      field: 'name',
      component: 'NInput',
      label: '备注字数:',
    },
     {
      field: 'name',
      component: 'NInput',
      label: '上传图片:',
    },
     {
      field: 'name',
      component: 'NInput',
      label: '消息置顶:',
    },
     {
      field: 'name',
      component: 'NInput',
      label: '群聊人数:',
    },
  ];
  const [register, { setFieldsValue }] = useForm({
    gridProps: { cols: 1 },
    collapsedRows: 3,
    labelWidth: 120,
    layout: 'horizontal',
    schemas,
  });
</script>
